<template>
  <div>
    <HomeNav></HomeNav>
    <!--    头部-->
    <div>
      <Row>
        <Col span="1"></Col>
        <Col span="22">
          <div class="head-box">
            <img v-lazy="require('../assets/images/diversityimg1.jpg')" alt="" width="70%">
            <div class="right-box">
              <div style="">
                <span class="iconfont-shopping shop-youjiantou-tianchong title_right"></span>
              </div>
              <div>
                <p class="tit">clothing store</p>
                <p class="tit2">发现美妙事物</p>
              </div>
            </div>
          </div>
        </Col>
        <Col span="1"></Col>
      </Row>
    </div>
    <!--    中间内容-->
    <div style="margin-top:45px;">
      <Row>
        <Col span="1"></Col>
        <Col span="22">
          <div class="center-box">
            <!--    最新上架-->

            <p class="title-zuixin">最新上架</p>
            <div class="shopping-box">
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>

              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
            </div>
            <!--    爆销热款-->
            <p class="title-zuixin">爆销热款</p>
            <div class="shopping-box">
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
            </div>
<!--            小众商品-->
            <p class="title-zuixin">小众集合</p>
            <div class="shopping-box">
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
              <div class="box-list">
                <img
                    v-lazy="
                      require('../assets/images/shopping/DM_20211115203702_017.png')
                    "
                    alt=""
                    width="100%"
                />
                <div class="shopping-text">
                  <p>嘉筱加绒连帽卫衣</p>
                  <p>
                    男学生港风潮流字母印花长袖衣服男 白色加绒 XL 120斤-140斤
                  </p>
                  <p>
                    <span class="iconfont-shopping shop-jiage"></span>99.00
                  </p>
                </div>
              </div>
            </div>
          </div>

        </Col>
        <Col span="1"></Col>

      </Row>
    </div>

    <footers></footers>
  </div>
</template>
<style lang="less" scoped>
@import "../assets/css/diversity";
</style>

<script>
import HomeNav from "../components/Home-nav.vue";
import footers from "../components/footer.vue";

export default {
  data() {
    return {}
  },
  components: {
    HomeNav,
    footers
  }
}
</script>
